<div>
    <label>操作日志</label>

    <!-- data load input start -->
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                            <span class="input-group-addon">ActorId</span>
                            <input type="text" ng-model="actorId" class="form-control" required>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <button ng-click="getLoggerList(actorId)" class="btn btn-primary">搜索</button>
                        <hr />
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- data load input ends -->

    <!-- main data part starts -->
    <div class="row" ng-show="paginationTotalItems > 0">

        <div class="col-md-6">
            <!-- data display starts -->
            <div class="col-md-12">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>pk</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="pk in dataOnPage">
                        <th>{{ dataRows[pk].privilegeId }} . {{ privilegeList[dataRows[pk].privilegeId].name }}</th>
                        <td>
                            <button ng-click="viewData(pk)" class="btn btn-primary btn-info">查看</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- data display ends -->

            <!-- pagination starts -->
            <div class="col-md-12">
                <div class="row">
                    <pagination
                            boundary-links="true"
                            total-items="paginationTotalItems"
                            items-per-page="itemsPerPage"
                            page="paginationCurrentPage"
                            class="pagination-sm"
                            num-pages="paginationNumPages"
                            on-select-page="loadPageData(page)"
                            previous-text="&lsaquo;"
                            next-text="&rsaquo;"
                            first-text="&laquo;"
                            last-text="&raquo;">
                    </pagination>
                </div>
            </div>
            <!-- pagination starts -->
        </div>

        <!-- single line data display starts -->
        <div class="col-md-5" ng-show="dataView">
            <div class="affix" style="min-width:20%; top:100px;">
                <table class="table table-striped">
                    <colgroup>
                        <col width="30%">
                        <col width="70%">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>字段</th>
                        <th>数值</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="(column, value) in dataView" ng-show="column != 'pk'">
                        <td>{{ column }}</td>
                        <td>{{ value }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- single line data display ends -->

    </div>
    <!-- main data part ends -->
</div>